<!DOCTYPE html>
<link rel="stylesheet" type="text/css" href="/plugins/bootstrap-3.3.7-dist/css/bootstrap.min.css">
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="/plugins/jquery-1.12.4/jquery-1.12.4.min.js" type="text/javascript"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="/plugins/bootstrap-3.3.7-dist/js/bootstrap.min.js" type="text/javascript"></script>
<html lang="en" xmlns:th="http://www.thymeleaf.org">

<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div>
    <a href="/user/from" th:href="@{/user/form}">新增用户</a>
</div>
<table class="table table-hover">
    <thead>
    <tr>
        <th>序号</th>
        <th>姓名</th>
        <th>证件号</th>
        <th>修改</th>
        <th>删除</th>
    </tr>
    </thead>
    <tbody>
    <tr th:each="us : ${list}">
        <td th:text="${us.id}"></td>
        <td th:text="${us.psname}"></td>
        <td><a th:href="@{|/user/${us.id}|}" th:text="${us.cardno}"></a></td>
        <td><a th:href="@{|/user/edit/${us.id}|}" role="button" class="btn btn-default"
        >修改</a></td>
        <td><a th:href="@{|/user/delete/${us.id}|}" role="button" class="btn btn-default"
               onclick="return confirm('请确认是否删除记录？')">删除</a></td>
    </tr>
    </tbody>
</table>
</body>
</html>